<style>
    * {
        margin: 0;
        padding: 0;
    }
    .modal-header {
        border-bottom: none;
    }
    .modal-footer {
        border-top: none;
    }
    .datetimepicker-hours{
        width: 500px;
    }
    .table-condensed{
        width: 500px;
    }
    .minute{
        padding-left: 20px;
    }
    body{ overflow: auto !important;}
    .modal{ overflow: auto !important;}

    span.hour.hour_am {
        padding-left: 20px;
    }
    span.hour.hour_pm {
        padding-left: 20px;
    }
</style>
<section style="border-bottom: 1px solid #e5e5e5">
    <h1 style="display:inline-block;margin-left: 30px;">培训管理</h1>

        <button id="btnAddTrain" class="btn btn-primary" style="float: right;margin-top: 5px;margin-right: 20px;margin-bottom:10px;">新增培训</button>

</section>



<section class="content">
    <div class="role_content">
        <table class="table_list" id="table_my_toast"></table>
        <!-- 分页框 -->
        <div class="page_control" id="paging_my_toast"><ul></ul></div>
    </div>
</section>


<!--新增培训名-->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    新增培训
                </h4>
            </div>

            <div class="modal-body">
                <!--培训名称-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3 col-xs-3" style="float: left;position: relative;padding-top: 6px;text-align: right;">
                        <span>培训名:</span>
                    </div>
                    <div class="col-md-9 col-xs-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="trainName" name="trainName" type="text" />
                    </div>
                </div>
                <!--培训开始时间-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3 col-xs-3" style="float: left;position: relative;padding-top: 6px;text-align: right;">
                        <span>培训开始时间:</span>
                    </div>
                    <div class="col-md-9 col-xs-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;"  name=" trainStartTime" type="text" readonly class="form_datetime form_datetime1"/>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btnAddTrainSure">
                    新 增
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--编辑培训-->
<div class="modal fade" id="myModal2" tabindex="-2" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close"
                        data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    编辑培训
                </h4>
            </div>

            <div class="modal-body">
                <!--培训名称-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3 col-xs-3" style="float: left;position: relative;padding-top: 6px;text-align: right;">
                        <span>培训名:</span>
                    </div>
                    <div class="col-md-9 col-xs-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;" id="trainNameUpdate" name="trainNameUpdate" type="text" />
                    </div>
                </div>
                <!--培训开始时间-->
                <div class="row" style="margin-top: 15px;padding-left:30px;">
                    <div class="col-md-3 col-xs-3" style="float: left;position: relative;padding-top: 6px;text-align: right;">
                        <span>培训开始时间:</span>
                    </div>
                    <div class="col-md-9 col-xs-9" style="padding-left: 5px;">
                        <input  style="height:30px;width: 80%; border: 1px solid grey;"  name=" trainStartTimeUpdate" type="text" readonly class="form_datetime form_datetime2"/>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btnUpdateTrainSure">
                    修 改
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>


